.event {
    width: 520px;
    height: 80px;
    background: #fff;
    border: 1px solid #CCC;
    border-radius: 2px;
    margin: 30px;
}
.event:before {
    content: '';
    display: block;
    width: 495px;
    height: 70px;
    background: #fff;
    border: 1px solid #CCC;
    border-radius: 2px;
    transform: rotate(2deg);
    position: relative;
    top: 12px;
    left: 2px;
    z-index: -1;
}
.event:after {
    content: '';
    display: block;
    width: 495px;
    height: 75px;
    background: #fff;
    border: 1px solid #CCC;
    border-radius: 2px;
    transform: rotate(-2deg);
    position: relative;
    top: -136px;
    z-index: -2;
}

.event > span {
    display: block;
    width: 30px;
    background: #7cb228;
    position: relative;
    top: -55px;
    left: -15px;
    color: #fff;
    font-size: 10px;
    padding: 2px 7px;
    text-align: right;
}
.event > .info {
    display: inline-block;
    position: relative;
    top: -75px;
    left: 40px;
    width: 300px;
    color: #232323;
    font-weight: 600;
    line-height: 25px;
}
.event > .price {
    display: inline-block;
    width: 200px;
    position: relative;
    top: -75px;
    right: 0px;
    color: #E35354;
    text-align: center;
    line-height: 25px;
    font-weight: 700;
}